<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <script src="../assets/flexible/flexible.debug.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>搜索</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/seek.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
</head>

<body>
    <header class="header">
        <div class="iconfont left index">&#xe607;返回</div>
        <div class="center">搜索</div>
        <div class="right"></div>
    </header>
    <div class="search">
        <span class="iconfont i">&#xe631;</span>
        <div class="box">
            <div class="input">
                <input type="text" placeholder="搜索你想要的产品">
            </div>
            <div class="button">
                <div class="iconfont i">&#xe657;</div>
            </div>
        </div>
    </div>
    <div class="main">
        <h2>热门搜索</h2>
        <ul>
            <li>铁观音秋茶</li>
            <li>金骏眉</li>
            <li>大红袍</li>
            <li>正山小种</li>
            <li>龙井</li>
            <li>云南滇红</li>
        </ul>
    </div>

    <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../assets/swiper/js/swiper.min.js"></script>
    <script src="../assets/artTemplate/template-web.js"></script>
    <script>
        $('.index').click(function () {
            location.href = "../index.html"
        })
        $('.i').click(function () {
            location.href = "../index.html"
        })
    </script>
</body>

</html>